<!DOCTYPE HTML>
<html>
	<head>
		<title>InnerFade with jquery</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />

		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jquery.innerfade.js"></script>
		<script type="text/javascript" src="js/jquery.declarative.js"></script>
		<link rel="stylesheet" href="css/reset.css"  type="text/css" media="all" />
		<link rel="stylesheet" href="css/fonts.css"  type="text/css" media="all" />
		<style type="text/css" media="screen, projection">
			@import url(css/jq_fade.css);
		</style>		
	</head>
	<body>				
				
				<h3>A list with images and links</h3>
				<ul id="portfolio" data-control="innerfade[{speed: 1000, timeout: 5000, type: 'sequence', containerheight: '220px'}]">					
					<li>
						<a href="http://medienfreunde.com/deutsch/referenzen/kreation/good_guy__bad_guy.html"><img src="images/ggbg.gif" alt="Good Guy bad Guy" /></a>
					</li>
					<li>
						<a href="http://medienfreunde.com/deutsch/referenzen/kreation/whizzkids.html"><img src="images/whizzkids.gif" alt="Whizzkids" /></a>
					</li>					
					<li>
						<a href="http://medienfreunde.com/deutsch/referenzen/printdesign/koenigin_mutter.html"><img src="images/km.jpg" alt="Königin Mutter" /></a>
					</li>					
					<li>
						<a href="http://medienfreunde.com/deutsch/referenzen/webdesign/rt_reprotechnik_-_hybride_archivierung.html"><img src="images/rt_arch.jpg" alt="RT Hybride Archivierung" /></a>
					</li>		
					<li>
						<a href="http://medienfreunde.com/deutsch/referenzen/kommunikation/tuev_sued_gruppe.html"><img src="images/tuev.jpg" alt="TÜV SÜD Gruppe" /></a>
					</li>				
				</ul>
	</body>
</html>
